<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<style type="text/css">
			body,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			dl,
			dt,
			dd,
			ul,
			ol,
			li,
			th,
			td,
			p,
			blockquote,
			pre,
			form,
			fieldset,
			legend,
			input,
			button,
			textarea,
			hr {
				margin: 0;
				padding: 0
			}
			
			body,
			button,
			input,
			select,
			textarea {
				font: 12px/1.5 "宋体", arial, verdana, sans-serif
			}
			
			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				font-size: 100%;
				font-weight: normal
			}
			
			li {
				list-style: none
			}
			
			fieldset,
			img {
				border: 0
			}
			
			table {
				border-collapse: collapse;
				border-spacing: 0
			}
			
			q:before,
			q:after {
				content: ”
			}
			
			button,
			input,
			select,
			textarea {
				font-size: 100%
			}
			
			legend {
				color: #000
			}
			
			small {
				font-size: 12px
			}
			
			hr {
				border: none;
				height: 1px
			}
			
			a {
				text-decoration: none
			}
			
			a:hover {
				text-decoration: underline
			}
			
			.cle:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden
			}
			
			.cle {
				display: inline-block
			}
			
			.cle {
				display: block
			}
			
			.clear {
				clear: both;
			}
			
			.weekly_price {
				margin: 10px 30px;
			}
			
			.pre_price,
			.next_price {
				width: 21px;
				height: 26px;
				float: left;
				margin: 20px 5px;
				cursor: pointer;
			}
			
			.pre_price {
				background: url(slider_bg.png) no-repeat 0 0;
			}
			
			.next_price {
				background: url(slider_bg.png) no-repeat -21px 0;
			}
			
			.weekly_box li {
				width: 80px;
				float: left;
				border-right: 1px dashed #e7e7e7;
				text-align: center;
				line-height: 34px;
				color: #7e7e7e;
				cursor: pointer;
				position: relative;
			}
			
			.weekly_box li:hover {
				background: #cde9fa;
			}
			
			.weekly_box li:last-child {
				border-right: 1px dashed #fff;
			}
			
			.weekly_box {
				border: 1px solid #ccc;
				width: 567px;
				overflow: hidden;
				float: left;
				height: 70px;
			}
			
			.weekly_box li span {
				font-family: '微软雅黑';
				color: Red;
				font-weight: bold;
				font-size: 14px;
			}
			
			.at_icon {
				background: url(at_icon.png) no-repeat;
				width: 28px;
				height: 25px;
				position: absolute;
				top: 0px;
				right: 0;
			}
			
			.price li .p_1 {
				padding-top: 0px;
				font-size: 26px;
				font-weight: bold;
				color: #6c7079;
			}
			
			.weekly_wrap {
				overflow: hidden;
			}
		</style>
		<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
		<script type="text/javascript">
			$(function() {
				//傅婷 2017-4-6 周报价内容
				var a = 0;

				$(".weekly_wrap").css("width", $(".weekly_wrap").find('li').outerWidth * $(".weekly_wrap").find('li').length);
				$(".pre_price").click(function() {
					$(".weekly_wrap").animate({ marginLeft: 81 }, "slow", function() {
						$(this).append($(this).find("li:first")).css({ marginLeft: 0 });
					});
				});
				$(".next_price").click(function() {
					$(".weekly_wrap").animate({ marginLeft: -81 }, "slow", function() {
						$(this).prepend($(this).find("li:last")).css({ marginLeft: 0 });
					});
				});

			});
		</script>
	</head>

	<body>
		<div class="o10">
			<p class="danjia">
				周报价

				<a class="histroy" href="../center/more.aspx">历史报价</a>
			</p>

			<div class="weekly_price">
				<div class="pre_price"></div>
				<div class="weekly_box">
					<ul class="weekly_wrap">
						<li>
							<p>03-02 周1</p>
							<p><span>￥2.99</span>/KG</p>
						</li>
						<li>
							<p>03-02 周2</p>
							<p><span>￥2.99</span>/KG</p>
						</li>
						<li>
							<p>03-02 周3</p>
							<p><span>￥2.99</span>/KG</p>
						</li>
						<li><i class="at_icon"></i>
							<p>03-02 周4</p>
							<p><span>￥2.99</span>/KG</p>
						</li>
						<li>
							<p>03-02 周5</p>
							<p><span>￥2.99</span>/KG</p>
						</li>
						<li>
							<p>03-02 周6</p>
							<p><span>￥2.99</span>/KG</p>
						</li>
						<li>
							<p>03-02 周7</p>
							<p><span>￥2.99</span>/KG</p>
						</li>
						<li>
							<p>03-02 周8</p>
							<p><span>￥2.99</span>/KG</p>
						</li>
						<li>
							<p>03-02 周9</p>
							<p><span>￥2.99</span>/KG</p>
						</li>

						<!--<div style="clear:both"></div>-->
					</ul>
				</div>
				<div class="next_price"></div>
				<div style="clear:both"></div>

			</div>

		</div>

	</body>

</html>